<script setup>

</script>

<template>
  <div>
    <div>icon字符串形式（fas）</div>
    <font-awesome-icon icon="fas fa-home"/>
    <div>icon数组形式（fas）</div>
    <!-- 使用图标 -->
    <font-awesome-icon :icon="['fas', 'home']"/>
    <font-awesome-icon :icon="['fad', 'home']" size="2xl"/>
    <font-awesome-icon :icon="['fad', 'home']" size="2xl" spin/>
    <font-awesome-icon :icon="['fad', 'home']" size="2xl" style="color: red"/>
    <font-awesome-icon :icon="['fad', 'home']" size="2xl" style="color: red"/>
    <div>fal图标</div>
    <font-awesome-icon icon="fab fa-edge"/>
    <font-awesome-icon icon="far fa-star"/>
    <font-awesome-icon icon="fas fa-home"/>
    <div></div>
  </div>
</template>

<style scoped>

</style>